.points-mall-coupon {
  position: relative;
  width: 90px;
  height: 90px;
  // 这里的宽高是必须大于等于canvas圆环的直径 否则绘制到盒子外面就看不见了
  // 一开始设置 width:440rpx; height:440rpx; 发现 在360X640分辨率的设备，下绘制的圆环跑盒子外去了
  // 小程序使用rpx单位适配 ，但是canvas绘制的是px单位的。所以只能用px单位绘制的圆环在盒子内显示
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;

  .progress_bg {
    position: absolute;
    z-index: 9;
    width: 88px;
    height: 88px;
  }

  .progress_canvas {
    width: 88px;
    height: 88px;
  }

  .progress_text {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    align-items: center;
    padding: 3px 0 0 2px;
    justify-content: center;

    .progress_info {
      color: #ff6600;
      font-size: 24px;
    }

    .progress_info1 {
      font-size: 20px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.4);
    }
  }
}
